<!DOCTYPE html>
<html lang="en">

<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
    <!-- 页面主体 -->
    <div class="container">
        <!-- 导航菜单 -->
        <nav>
            <div><a href="#">link1</a></div>
            <div><a href="#">link item 2</a></div>
            <div><a href="#">this is a long link item</a></div>
        </nav>
        <!-- 页面内容主体 -->
        <main>
            <div class="block1">this is block1</div>
            <div class="block2">this is block2</div>
        </main>
        <!-- 侧边栏 -->
        <aside>
            <div class="side1">side 1</div>
            <div class="side2">side 2</div>
        </aside>
    </div>
    <!-- 页面底部footer -->
    <footer>
        copyright C <a href="//www.hujiang.com">hujiang</a>
    </footer>
</body>

</html>